<div id="Header">

    <div id="Logo">
            <div id="LogoContent">
                    <a href="../view/catalog-main.html"><img src="../../images/logo-topbar.gif"/></a>
            </div>
    </div>

    <div id="Menu">
            <div id="MenuContent">
                    <a href="#" id="toCart" >
                            <img align="middle" name="img_cart" src="../../images/cart.gif"/>
                    </a>
                    <img align="middle" src="../../images/separator.gif"/>
                    
                    <span id="signInSpan">
                        <a href="./user-login.html?redirect=catalog-main.html">Sign In</a>
                        <img align="middle" src="../../images/separator.gif"/>
                    </span>

                    <span id="signOutSpan">
                        <input type="button" value="Sign out" id="signout_btn">
                        <img align="middle" src="../../images/separator.gif"/>

                        <a href="./user-account.html">My Account</a>
                        <img align="middle" src="../../images/separator.gif"/>
                    </span>
                    
                    <a href="/viewOrder/joinOrder" >Order Manage</a>
                    <img align="middle" src="../../images/separator.gif"/>
                    <a href="/account/userManager" >User Manage</a>
                    <img align="middle" src="../../images/separator.gif"/>

                    <a href="../help.html">?</a>
            </div>
    </div>

    <div id="Search">
            <div id="SearchContent">
                    <form action="./catalog-list.html">
                            <input type="text" name="id" size="14"/> 
                      <input
                          type="submit"
                          name="route" value="Search"/> 
                    </form>
            </div>
    </div>

    <div id="QuickLinks">
            <a href="./catalog-list.html?id=FISH&route=product">
                    <img src="../../images/sm_fish.gif"/>
            </a>
            <img src="../../images/separator.gif"/>
            <a href="./catalog-list.html?id=DOGS&route=product">
                    <img src="../../images/sm_dogs.gif"/>
            </a>
            <img src="../../images/separator.gif"/>
            <a href="./catalog-list.html?id=REPTILES&route=product">
                    <img src="../../images/sm_reptiles.gif"/>
            </a>
            <img src="../../images/separator.gif"/>
            <a href="./catalog-list.html?id=CATS&route=product">
                    <img src="../../images/sm_cats.gif"/>
            </a>
            <img src="../../images/separator.gif"/>
            <a href="./catalog-list.html?id=BIRDS&route=product">
                    <img src="../../images/sm_birds.gif"/>
            </a>
    </div>
</div>